import React from "react";
import { FileExcelIcon } from "tdesign-icons-react";
import { Col, Divider, Progress, Row } from "tdesign-react";
import './index.less';

export default function FileItem() {
  return (
    <div className="file-item">
      <FileExcelIcon size={56} className="file-icon"/>
      <div className="info">
        <div className="name">数据.xlsx</div>
        <Progress color={[ '#0ff']} percentage={56} label={false}></Progress>
        <Row gutter={10} className="description">
          <Col>23.88k</Col>
          <Col className="percent">100%</Col>
          <Col>用时: 100s</Col>
        </Row>
        <Divider className="my-divider" />
      </div>
    </div>
  );
}
